<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="计科2411-32-赵红云">
    <title>实验1-13</title>
</head>

<body>
    <form method="get" action="1-11.html">

        <p>
            请选择您所需要的水果:
            <!-- 3.选择多项提交后,页面会跳转到1-11.html，URL后缀会显示:
             1-11.html?fruit=apple&fruit=cherry
             (以实际的选项value为准)
            原因:get请求会将多选的下拉列表值"value=name"的形式重复拼接在在URL中 -->

        </p>
        <select name="fruit" multiple="5">
            <option value="apple">苹果</option>
            <option value="cherry">樱桃</option>
            <option value="grape">葡萄</option>
            <option value="pear">梨</option>
            <option value="watermelon">西瓜</option>

        </select>
        <br>
        <input type="submit" value="提交">
    </form>
</body>

</html>